<template>
    <div class="layui-tab layui-tab-brief" id="details" lay-filter="details">
        <ul class="layui-tab-title">
            <li class="layui-this">业务信息</li>
            <li>房屋信息</li>
            <li>出租方信息</li>
            <li>承租方信息</li>
            <li>附件</li>
        </ul>
        <div class="layui-tab-content" style="padding:0; height:210px;">
            <div class="layui-tab-item layui-show">
                <table id="details-business" lay-filter="details-business"></table>
            </div>
            <div class="layui-tab-item">
                <table id="details-house" lay-filter="details-house"></table>
            </div>
            <div class="layui-tab-item">
                <table id="details-lessor" lay-filter="details-lessor"></table>
            </div>
            <div class="layui-tab-item">
                <table id="details-lessee" lay-filter="details-lessee"></table>
            </div>
            <div class="layui-tab-item">
                <table id="details-file" lay-filter="details-file"></table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "Details",
    data() {
        return {
            msg: null
        };
    },
    mounted() {
        layui.use(["element", "table"], function() {
            var element = layui.element;
            var table = layui.table;
        });
    }
};
</script>
